@font-face {
  font-family: PingFang-SC-Medium; src: url('/fonts/Medium.otf');
  font-family: PingFang-Regular; src: url('/fonts/Regular.otf')
  }
@color:#2dd1ac;
.split{
  display: inline-block;
  width: 1px;
  background-color: #E7EBF4;
  float: right;
  height: 0.3rem;
}
@font-size16:0.16rem;
@font-size18:0.18rem;
@font-size28:0.28rem;
.over-esl{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 2rem;
  display: inline-block;
}
.bt{
  border-radius: 0.05rem;
  background-color: @color;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  outline: none;
  color: #ffffff;
  font-size: 0.18rem;
  box-shadow: none;
  border:none;
  cursor: pointer;
  padding-left: 0.12rem;
  padding-right: 0.12rem;
  line-height: 1.4
}
.grey-border{
  border: 1px solid #ccc
}
.c-border{
  border: 1px solid @color
}
.g-btn{
  border: 1px solid #ccc;
  font-size:0.16rem;
  background-color: #ffffff;
  color: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.4
}
.c-btn{
  border: 1px solid @color;
  color: @color;
  font-size:0.16rem;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.4
}
.excel-btn{
  width: 1rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  border:0.5px solid #3c91f5;
  a{
    color: #3c91f5;
  };
  background-color: white;
  font-size: 0.14rem;
  cursor: pointer;
}
.active{
  background-color: #555C78;
  color: @color!important;
}
.active-b{
  background-color: @color!important;
  color: #ffffff!important;
  border:none!important;
}
.active-line{
  border-bottom: 2px solid @color;
  color: @color;
}
.head-img{
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.5rem;
  background-size: cover;
  overflow: hidden;;
  // background-image: url('../images/a1.png');
}
.btn-green{
  background-color: @color!important;
  color: #ffffff!important;
  border: 1px solid @color;
}
.modal-pass-ctrl{
  .modal-content{
    width: 8rem;
    min-height: 5.8rem;
  }
}
.modal-tag{
  .modal-content{
    width: 9rem;
    height: 5rem
  }
}
.modal-city{
  .modal-content{
    width: 7rem;
    height: 5rem
  }
}
.modal-addMerchant{
  .modal-content{
    width: 6.8rem;
    height: 3.7rem
  }
}
.aute{
  cursor: auto;
}
.tc{
  text-align: center;
}
.ass{
  align-self: flex-start;
}
.asc{
  align-self: center;
}
.ase{
  align-self: flex-end;
}
.cp{
  cursor: pointer;
}
.oh{
  overflow: hidden;
}
.oa{
  overflow: auto;
}
.center-box{
  display: flex;
  justify-content: center;
  align-items: center;
}
.center-end{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.center-start{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.wrap{
  flex-wrap: wrap;
}
.column{
  flex-direction: column;
}
.center-around{
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.between{
  display: flex;
  justify-content: space-between;
}
.center-b-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.center-v{
  display: inline-flex;
  align-items: center;
}
.center-v-b{
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.di{
  display: inline-block;
}
.dif{
  display: inline-flex;
}
.df{
  display: flex;
}
.pr{
  position: relative;
}
.hide{
  display: none
}
.show{
  display: block
}
.cc{
  color: @color!important;
}
.c3{
  color: #333333
}

.c6{
  color: #666666
}
.bcf3f{
  background-color: #f3f6f9
}
.bccd{
  background-color: #cdcdcd
}
.c48{
  color: #484848;
}
.cf5{
  color: #f5a31c;
}
.c9{
  color: #999999;
}
.cc9{
  color: #c9c9c9;
}
.c85{
  color: #859595;
}
.cf84{
  color: #f84e4f;
}
.c403{
  color: #403531;
}
.cf84{
  color: #f84e4f;
}
.c868{
  color: #868382;
}
.c363{
  color: #36312f;
}
.bceef{
 background-color: #eef0f8;
}
.cf{
  color: #ffffff!important;
}
.bcc{
  background-color: @color;
}
.bcf{
  background-color: #ffffff!important;
}
.bcfa{
  background-color: #fafafa;
}
.bc_grey{
  background-color: grey;
}
.bc2dd{
  background-color: #2dd1ac;
}
.bc1cc{
  background-color: #1cc49e;
}
.bc369{
  background-color: #f3f6f9;
}
.bc919{
  background-color: #919fe2;
}
.bc809{
  background-color: #8090dd;
}
.bcfc8{
  background-color: #fc8dab;
}
.bcfa7{
  background-color: #fa7ea0;
}
.bcf7b{
  background-color: #f7b453;
}
.bcf2a{
  background-color: #f2aa43;
}
.bccf{
  background-color: #cfcfcf;
}
.lh2{
  line-height: 2
}
.f12{
  font-size: 0.12rem!important;
}
.f14{
  font-size: 0.14rem!important;
}
.f16{
  font-size: 0.16rem!important;
}
.f18{
  font-size: 0.18rem;
}
.f20{
  font-size: 0.2rem;
}
.f24{
  font-size: 0.24rem;
}
.f28{
  font-size: 0.28rem;
}
.f30{
  font-size: 0.3rem;
}
.f36{
  font-size: 0.36rem;
}
.f60{
  font-size: 0.6rem;
}
.w2{
  width: 0.02rem;
}
.w8{
  width: 0.08rem;
}
.w10{
  width: 0.10rem
}
.w16{
  width: 0.16rem
}
.w18{
  width: 0.18rem
}
.w20{
  width: 0.20rem
}
.w30{
  width: 0.30rem
}
.w42{
  width: 0.42rem
}
.w60{
  width: 0.6rem
}
.w65{
  width: 0.65rem
}
.w70{
  width: 0.7rem;
}
.w72{
  width: 0.72rem;
  min-width: 0.9rem;
}
.w80{
  width: 0.8rem;
}
.w90{
  width: 0.9rem;
}
.w100{
  width: 1rem
}
.w110{
  width: 1.1rem
}
.w50_{
  width: 50%;
}
.w95{
  width: 95%;
}
.w100_{
  width: 100%;
}
.w120{
  width: 1.2rem;
}
.w135{
  width: 1.35rem
}
.w143{
  width: 1.43rem;
}
.w150{
  width: 1.5rem
}
.w154{
  width: 1.54rem
}
.w160{
  width: 1.6rem
}
.w164{
  width: 1.64rem
}
.w190{
  width: 1.9rem
}
.w200{
  width: 2rem
}
.w204{
  width: 2.04rem;
}
.w210{
  width: 2.1rem;
}
.w220{
  width: 2.2rem;
}
.w230{
  width: 2.3rem;
}
.w242{
  width: 2.42rem
}
.w250{
  width: 2.5rem
}
.w258{
  width: 2.58rem;
}
.w260{
  width: 2.6rem
}
.w232{
  width: 2.32rem
}
.w180{
  width: 1.8rem
}
.w188{
  width: 1.88rem
}
.w300{
  width: 3rem
}
.w324{
  width: 3.24rem
}
.w330{
  width: 3.3rem
}
.w350{
  width: 3.5rem
}
.w380{
  width: 3.8rem
}
.w394{
  width: 3.94rem
}
.w440{
  width: 4.4rem;
}
.w490{
  width: 4.9rem;
}
.w540{
  width: 5.4rem;
}
.w600{
  width: 6rem;
}
.w630{
  width: 6.3rem;
}
.w645{
  width: 6.45rem;
}
.w676{
  width: 6.76rem;
}
.w500{
  width: 5rem
}
.w514{
  width: 5.14rem
}
.w526{
  width: 5.26rem
}
.w550{
  width: 5.5rem
}
.w720{
  width: 7.2rem
}
.w780{
  width: 7.8rem
}
.w756{
  width: 7.56rem
}
.w790{
  width: 7.9rem
}
.w900{
  width: 9rem!important
}
.w1290{
  width: 12.9rem!important;
}
.w1430{
  width: 14.32rem;
}
.w1582{
  width: 15.82rem;
}

.h25{
  height: 0.25rem;
}
.h30{
  height: 0.3rem;
}
.h34{
  height: 0.34rem;
}
.h40{
  height: 0.4rem;
}
.h50{
  height: 0.5rem!important;
}
.h52{
  height: 0.52rem;
}
.h100{
  height: 1rem;
}
.h190{
  height: 1.9rem;
}
.h100_{
  height: 100%;
}
.h30{
  height: 0.3rem;
}
.h36{
  height: 0.36rem;
}
.h40{
  height: 0.4rem;
}
.h44{
  height: 0.44rem;
}
.h56{
  height: 0.56rem;
}
.h60{
  height: 0.6rem;
}
.h70{
  height: 0.7rem
}
.h72{
  height: 0.72rem
}
.h90{
  height: 0.9rem;
}
.h92{
  height: 0.92rem
}
.h96{
  height: 0.96rem;
}
.h110{
  height: 1.1rem
}
.h120{
  height: 1.2rem
}
.h146{
  height: 1.46rem!important;
}
.h140{
  height: 1.4rem;
}
.h150{
  height: 1.5rem;
}
.h180{
  height: 1.8rem;
}
.h200{
  height: 2rem;
}
.h208{
  height: 2.08rem
}
.h220{
  height: 2.2rem
}
.h250{
  height: 2.5rem;
}
.h300{
  height: 3rem
}
.h320{
  height: 3.2rem
}
.h350{
  height: 3.5rem
}
.h420{
  height: 4.2rem
}
.h440{
  height: 4.4rem!important
}
.h500{
  height: 5rem
}
.ml5{
  margin-left: 0.05rem;
}
.ml8{
  margin-left: 0.08rem;
}
.ml10{
  margin-left: 0.1rem;
}
.ml12{
  margin-left: 0.12rem;
}
.ml16{
  margin-left: 0.16rem;
}
.ml18{
  margin-left: 0.18rem;
}
.ml20{
  margin-left: 0.20rem;
}
.ml26{
  margin-left: 0.26rem;
}
.ml28{
  margin-left: 0.2rem;
}
.ml30{
  margin-left: 0.3rem
}
.ml34{
  margin-left: 0.34rem;
}
.ml45{
  margin-left: 0.45rem;
}
.ml50{
  margin-left: 0.50rem;
}
.ml58{
  margin-left: 0.58rem;
}
.ml65{
  margin-left: 0.65rem;
}
.ml120{
  margin-left: 1.2rem
}
.ml125{
  margin-left: 1.25rem
}
.ml70{
  margin-left: 0.7rem
}
.ml100{
  margin-left: 1rem;
}
.ml152{
  margin-left: 1.52rem!important;
}
.ml156{
  margin-left: 1.56rem
}
.mt5{
  margin-top: 0.05rem
}
.mt10{
  margin-top: 0.1rem
}
.mt14{
  margin-top: 0.14rem;
}
.mt20{
  margin-top: 0.2rem
}
.mt25{
  margin-top: 0.25rem
}
.mt30{
  margin-top: 0.3rem
}
.mt40{
  margin-top: 0.4rem
}
.mt50{
  margin-top: 0.5rem
}
.mt60{
  margin-top: 0.6rem
}
.mt90{
  margin-top: 0.9rem;
}
.mt100{
  margin-top: 1rem;
}
.mr8{
  margin-right: 0.08rem;
}
.mr10{
  margin-right: 0.1rem
}
.mr12{
  margin-right: 0.12rem
}
.mr15{
  margin-right: 0.15rem;
}
.mr20{
  margin-right: 0.20rem;
}
.mr30{
  margin-right: 0.30rem;
}
.mr56{
  margin-right: 0.56rem;
}
.mr200{
  margin-right: 5rem
}
.ml200{
  margin-left: 2rem
}
.ml300{
  margin-left: 3rem
}
.mb0{
  margin-bottom: 0px;
}
.mb10{
  margin-bottom: 0.1rem;
}
.mb15{
  margin-bottom: 0.15rem;
}
.mb20{
  margin-bottom: 0.2rem;
}
.pl10{
  padding-left: 0.10rem;
}
.pl15{
  padding-left: 0.15rem;
}
.pl30{
  padding-left: 0.3rem;
}
.p0{
  padding: 0!important;
}
.p10{
  padding: 0.1rem;
}
.p20{
  padding: 0.2rem;
}
.br0{
  border-radius: 0;
}
.br5{
  border-radius: 5px;
}
.br30{
  border-radius: 0.3rem;
}
.w1466{
    width: 14.66rem;
}

